/**shortcut**/
.shortcut{ height: 36px; line-height: 36px; background: #f5f5f5; border-bottom: 1px solid #eee}
.shortcut li{float: left;position: relative;z-index: 222;}
.shortcut li.hover{background: #fff;}
.shortcut li ul{ display: none; border: 1px solid #f5f5f5; border-top: none; position: absolute;  background: #fff;}
.shortcut li ul li{float: none; line-height: 23px; text-align: center;}
.shortcut li ul li a{width: 73px; padding: 2px 0; display: inline-block;}
.shortcut li ul li a:hover{background: #f5f5f5;}
.shortcut a{color: #666; padding: 0 8px;}


/**search**/
.sea-box{width: 564px;}
.search {padding: 36px 0; width: 426px;position:relative;}
.search .btn{  line-height: 40px;height: 40px; width:63px;padding: 0px; float: right;text-align: center;}
/* .search-text{ width:332px; position: absolute; line-height: 36px; height: 36px; margin-right: -6px;border: 1px solid #dfdfdf; padding: 1px 17px;} */
.search-text{   width: 361px;
  position: absolute;
  line-height: 38px;
  height: 38px;
  margin-right: -6px;
  border: 1px solid #dfdfdf;
  padding: 0 1px ;
    left:0;
    top:36px;
}
/* .input-focus{border: 1px solid #fb590a;
	-moz-box-shadow:5px 5px 5px #999 inset;               For Firefox3.6+
	-webkit-box-shadow:2px 2px 2px #fb590a inset;            For Chrome5+, Safari5+
	box-shadow:1px 5px 5px #f99b6d inset;                    For Latest Opera
} */
.input-focus{-webkit-box-shadow: inset 0 1px 1px rgba(251,89,10,.075);
  box-shadow: inset 0 1px 1px rgba(251,89,10,.075); border-color: #fb590a;
  -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
/* .input-focus{border-color:#fb590a;;box-shadow:;} */
/**dorpdown**/
.dorpdown{position: relative; z-index: 999;}
.shopping-cart  {margin: 36px 0 0 15px ;}
.shopping-cart .glyphicon{ font-size: 16px; padding-right: 10px; vertical-align: -2px;}
.shopping-cart span{line-height: 39px;height: 39px;display: inline-block;}
.dorpdown .hover{background: #fff; }
.dorpdown-layer{display: none;}
.shopping-cart .btn-danger{width: 94px;  position: absolute; z-index: 3; right: 0; padding: 0px 15px; line-height: 39px; height: 39px;border: 1px solid #f6d023; border-bottom:none;}
.dorpdown.hover .btn-danger{background: #fff;}
.dorpdown.hover .dorpdown-layer{ display: block; background: #fff; position: absolute; z-index: 2; top:39px; right: 0;width:352px;  border:1px solid #f6d023; background: #fff; }
.settleup-content .tit{padding: 17px; padding-bottom: 0;}
.settleup-content .smc{height: 291px;overflow: auto;}
.settleup-content .smc ul li{border-bottom: 1px  dashed #ddd; padding: 17px; overflow: hidden;}
.settleup-content .smc ul li.hover{background: #f5f5f5}
.settleup-content .smc .od-name{width: 125px; margin-left: 32px; line-height: 20px;}
.settleup-content .smc .od-detail{text-align: right;}
.settleup-content .smc .od-detail .detele{color: #666;}
.settleup-content .smb {padding: 8px; background: #dfdfdf; overflow: hidden;}
.settleup-content .smb .btn{font-family:"microsoft yahei" ;font-size: 14px;}
.settleup-content .smb .p-total {float: left; line-height: 24px;}
.settleup-content .smb .p-total strong,.settleup-content .smb .p-total span{color: #fb590a;}
.settleup-content .smb .btn i{  padding-right: 2px; font-size: 18px; vertical-align: -3px;}

/**nav**/
.nav{ line-height: 40px;   height: 40px; background:#fb590a  }
.nav ul.nav-item{ padding-left: 15px; overflow: hidden; float:left;width:770px;}
.nav ul.nav-item a{float:left; border-left: 1px solid #fd3406; padding: 0 18px; color: #fff;font-size: 16px; font-family: "microsoft yahei"}
.nav ul.nav-item li:first-child a{border-left: 0;}
.nav ul.nav-item a:hover{background: #d34702;}

.nav .tel,.nav-index .tel{font-size: 20px;vertical-align: middle;float: right;font-family:"microsoft yahei"}
.nav .tel i,.nav-index .tel i{font-size:18px;padding: 0 5px;}

.nav .tel{color:#fff}
.nav .tel i{font-size:18px;padding: 0 5px;color:#fff}

.navcate{  width: 192px;   position: relative; font-size: 14px;}
.navCon-cate-title a{ display: block; font-family: "microsoft yahei"; font-size: 16px; background: #d34702; color: #fff; padding: 0 18px;}
.navCon-cate-title .glyphicon-th-list{color: #fff; margin-right: 10px; font-size: 15px;}
.navCon-cate-title .caret{margin-left: 10px;}
.caret {display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent;
 -webkit-transition: -webkit-transform .2s ease-in 0s;  transition: transform .2s ease-in 0s;-o-transition: -o-transform .2s ease-in 0s; -moz-transition: -moz-transform .2s ease-in 0s; 
}
.hover .caret{-moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); /*IE*/ filter:FlipV; }
/*.hover .caret{-moz-transform:scaleY(-1); -webkit-transform:scaleY(-1); -o-transform:scaleY(-1); transform:scaleY(-1);  filter:FlipV; }*/
/**cate-menu**/
.cate-menu{ display: none; background:rgba(64, 65, 68, 1);height: 452px; background:#404144; position: absolute;  width: 192px; z-index: 10; }
.cate-menu a{ display: block; height: 40px;padding: 0 18px;  font-family: "microsoft yahei";color: #fff;  }
.cate-menu a.sa{ display: block; height: 20px;padding: 0 18px;  font-family: "microsoft yahei";color: #fff;  }
.cate-menu li.hover a{  background: #fff; color: #333333;}
.cate-menu a .cat-nav-icon{background: url(../images/nav-list-bg.png) no-repeat; width: 16px;height: 16px; display: inline-block; vertical-align: middle; margin-right: 10px;}

.cate-menu a .cat-nav-icon1{background-position: 0 -13px}
.cate-menu a .cat-nav-icon2{background-position: 0 -52px}
.cate-menu a .cat-nav-icon3{background-position: 0 -96px}
.cate-menu a .cat-nav-icon4{background-position: 0 -132px}
.cate-menu a .cat-nav-icon5{background-position: 0 -173px}
.cate-menu a .cat-nav-icon6{background-position: 0 -213px}
.cate-menu a .cat-nav-icon7{background-position: 0 -252px}
.cate-menu a .cat-nav-icon8{background-position: 0 -292px}
.cate-menu a .cat-nav-icon9{background-position: 0 -332px}
.cate-menu a .cat-nav-icon8{background-position: 0 -292px}
.cate-menu a .cat-nav-icon9{background-position: 0 -332px}
.cate-menu a .cat-nav-icon10{background-position: 0 -373px}
.cate-menu a .cat-nav-icon11{background-position: 0 -413px}

.cate-menu li.hover a .cat-nav-icon1{background-position: right -13px;}
.cate-menu li.hover a .cat-nav-icon2{background-position: right -52px}
.cate-menu li.hover a .cat-nav-icon3{background-position: right -96px}
.cate-menu li.hover a .cat-nav-icon4{background-position: right -132px}
.cate-menu li.hover a .cat-nav-icon5{background-position: right -173px}
.cate-menu li.hover a .cat-nav-icon6{background-position: right -213px}
.cate-menu li.hover a .cat-nav-icon7{background-position: right -252px}
.cate-menu li.hover a .cat-nav-icon8{background-position: right -292px}
.cate-menu li.hover a .cat-nav-icon9{background-position: right -332px}
.cate-menu li.hover a .cat-nav-icon8{background-position: right -292px}
.cate-menu li.hover a .cat-nav-icon9{background-position: right -332px}
.cate-menu li.hover a .cat-nav-icon10{background-position: right -373px}
.cate-menu li.hover a .cat-nav-icon11{background-position: right -413px}


.cate-menu .list-item{  display: none; width: 1000px; height: 451px; background: #fff;  position: absolute;  z-index: 555; left: 192px;  top: -1px;border: 1px solid #fa5909;  border-left: 0;   font-size: 12px;} 
.cate-menu .list-item .itemleft{ padding: 6px 20px 5px 10px; position: relative;}
.cate-menu .list-item li{float: left; width: 220px;}
.cate-menu .list-item dl{overflow: hidden;line-height: 22px;}
.cate-menu .list-item dt{  width:98px; float: left; text-align: right; background: url(../images/cate-menu-arrbg.png) right center no-repeat; font-weight: bold; color: #313131; padding: 4px 10px 6px 0px; margin-right: 14px;}
.cate-menu .list-item dd{float: left; width: 848px; border-bottom: 1px solid #f7f7f7; padding: 4px 0 6px 0;}
.cate-menu .list-item dd a{ padding: 0 5px; display: inline; height: auto; color: #404040}
.cate-menu .list-item dd a:hover{color:#fb590a }
.cate-menu .list-item .close{position: absolute; right: 8px;top:8px; color: #707171; cursor: pointer; font-size: 16px}


/********首页导航鼠标经过覆盖文字***********/
/* .nav-item li a{position: relative;}
.nav-item li a::before {
  color: #fb590a;
  font-weight: bold;
  position: absolute;
  overflow: hidden;
    top: -10px;
  left: 18px;
  padding: 10px 0;
  max-width: 0;
  content: attr(data-hover);
  transition: max-width 0.5s;
  -moz-transition: max-width 0.5s;
  -webkit-transition: max-width 0.5s;}
.nav-item li a:hover::before {
  max-width: 100%;
}*/
/* .nav-index ul.nav-item a{position: relative;} 
.nav-index ul.nav-item li a {
 float: left;
  height: 40px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.nav-index ul.nav-item li a:hover {
  position: absolute;

  -webkit-transform: translate3d(0,150%,0);
  transform: translate3d(0,150%,0);
} 

.nav-index ul.nav-item a::after {
  background: #fb590a;
-webkit-transform: translate3d(0,-150%,0);
transform: translate3d(0,-150%,0);
} */
/* .nav-index ul.nav-item li a::after{ 
  position: absolute;
 -webkit-transform: translate3d(0,150%,0);
  transform: translate3d(0,150%,0);
}
.nav-index ul.nav-item li a:hover::after{
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
 */

/********首页导航鼠标经过显示背景***********/
/* .nav-index ul.nav-item a{position: relative;}
.nav-index ul.nav-item a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  background: #fb590a;
  content: '';
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transform: translate3d(0,150%,0);
  transform: translate3d(0,150%,0);
}
.nav-index ul.nav-item a::content{}
.nav-index ul.nav-item a:hover::after {
    content: attr(data-hover);
    color: #fff;
    text-align: center;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
} */



/* .nav-index ul.nav-item a{position: relative;} 
 .nav-index ul.nav-item a::after {
  -webkit-transition: -webkit-transform 0.4s;
  transition: transform 0.4s;

}
.nav-index ul.nav-item a:hover::after {position: absolute;
top: 0;left: 0; 
  background: #fb590a;
 color: #fff
  -webkit-transform: translate3d(0,150%,0);
  transform: translate3d(0,150%,0)
}  */